@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

@font-face {
    font-family: 'iconfont';
    src: url('/public/fonts/login/iconfont.eot'); /* IE9*/
    src: url('/public/fonts/login/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/public/fonts/login/iconfont.woff') format('woff'), /* chrome、firefox */ url('/public/fonts/login/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('/public/fonts/login/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.iconImg {
    background: url("/public/img/emailIcon.png") no-repeat;
    display: block;
    height: 40px;
    width: 45px;
    vertical-align: super;
    float: left;
    position: relative;
    top: 10px;
    margin-right: 10px;
}
.iconEmail{
    background-position: 0px -75px;
}
.iconUsername{
    background-position: 0px -158px;
}
.iconRealName{
    background-position: 0px -244px;
}
.iconGender{
    background-position: 0px -327px;
}
.iconWdate{
    background-position: 0px -409px;
}
.iconIDCard{
    background-position: 0px -489px;
}
.iconPosition{
    background-position: 0px -562px;
}
.iconMaps{
    background-position: 0px -661px;
}
.formMain {
    position: relative;
    margin: 0px auto 50px;
}

.mainTop {
    height: 395px;
    width: 100%;
    background: #68b996 url(/public/img/wenzi.png) no-repeat 98% 209px;
    display: table;
}

.mainTop img {
    border-radius: 92.5px;
    margin: 27px auto;
    display: block;
}

.mainTop p {
    text-align: center;
    color: #fff;
    line-height: 24px;
}

.mainTop p i {
    font-size: 24px;
    margin-left: 5px;
}

.mainBottom {
    background-color: #cccccc;
}

.mainBottom ul {
    width: 658px;
    margin: 0 auto;
}

.mainBottom ul li {
    border-bottom: 1px solid #b7c2c4;
    padding: 33px 10px 14px 45px;
}

.mainBottom ul li div {
    display: inline-block;
}

.mainBottom ul li input {
    border: 0px;
    background-color: #fff;
    font-size: 24px;
    color: #000;
    margin: 10px 0px;
    outline: none;
}
.mainBottom .radioBg{
    width: 262px;
    background-color: #fff;
}

.mainBottom ul li label {
    font-size: 24px;
    font-weight: 400;
    margin-right: 10px;
    color: #000;
}

.mainBottom ul li select {
    width: 218px;
    height: 30px;
    border: 1px solid #000;
    background-color: #cccccc;
    color: #000;
    outline: none;
    text-align: center;
    margin: 10px 0px;
}
.mainBottom ul li select option{
    text-align: center;
}

.mainBottom ul li select + input {
    width: 218px;
    height: 30px;
    border: 1px solid #000;
    background-color: #cccccc;
    color: #000;
    outline: none;
    line-height: 1;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
}

.mainBottom ul li input[type=submit] {
    width: 589px;
    height: 95px;
    text-align: center;
    background-color: #68b996;
    border: 0px;
    color: #fff;
    display: block;
    margin: 0 auto;
}

.clause, .problem {
    color: #fff;
    font-size: 18px;
    padding: 0px 6px;
    display: inline-block;
}

.problem {
    color: #20a1e1;
    margin-top: 45px;
}

.Wdate {
    background: #fff!important;
    color: #000!important;
    height: 34px !important;
}

input {
    background: url("/public/img/dian.png")
}
input[type=file]{
    border-radius: 92.5px;
    margin: 0px auto 0px -92.5px;
    display: block;
    width: 185px;
    height: 185px;
    position: absolute;
    top: 85px;
    left: 50%;
    opacity: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    font-size: 100px;
}
#userAlert{width: 180px;position: absolute;top: 100%;left: 0px;background: transparent url(/public/img/HUANYIN.png) no-repeat -5px 0;border-top: 1px solid #d3ceec;display: none;}
#userAlert img{width:75px;height: 75px;border-radius: 37.5px;border: 0px;display: inline-block;vertical-align: top;}
#userAlert .alertNameDiv{width: 70px;display:inline-block;}
#userAlert .alertNameDiv p{margin: 10px;width: 100%;max-width: 100%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:  #68b996;text-align: left;font-size: 14px;}
#userAlert .userIcon{padding: 12px 0px;width: 150px;margin: 0 auto;border-bottom: 1px solid #595656}
#userAlert .userAlertBottom{text-align: center;}
#userAlert .userAlertBottom a{width: 84px;height:33px;color: #68b996;background-color: transparent;text-align: center;margin: 25px 0px;font-size: 18px;line-height: 33px;display: inline-block;}
#userAlert .userAlertBottom a:hover{background-color:#68b996;color: #fff; }



